/* 重置qmp-ui样式 */
:root{
  --qmp-gray-3:var(--divisionline-normal);
  --qmp-toast-font-size:var(--font-size-12px);
  //dialog
  --qmp-dialog-button-height:48px;
  --qmp-dialog-confirm-button-text-color:var(--button-main-default);
  --qmp-dialog-cancel-button-text-color:var( --button-grey-active);
  --qmp-base-button-default-font-size:var(--font-size-14px);
  --qmp-dialog-has-title-message-text-color:var(--texticon-default-strong);
  --qmp-dialog-message-line-height:var(--line-height-20px);
  // tabs
  --qmp-tab-text-color:var(--texticon-default-strong);
  --qmp-tabs-line-height:52px;
  --qmp-tab-active-text-color:var(--texticon-color-brand-normal);
  --qmp-tab-line-height:20px;
  --qmp-tabs-bottom-bar-width:37px;
  --qmp-tabs-bottom-bar-color:var(--texticon-color-brand-normal);

  // switch 
  --qmp-switch-width: 64px;
  --qmp-switch-height: 26px;
  --qmp-switch-node-background-color: var(--texticon-default-weak);
  --qmp-switch-on-background-color:  var(--texticon-color-brand-normal);
  --qmp-switch-background-color: var(--bg-global-normal);
  --qmp-switch-size: 26px;
  --qmp-switch-node-size: 18px;
  --qmp-switch-border: var(--divisionline-normal);

  // cell
  --qmp-cell-group-inset-padding:0 14px;

  // Popup 
  --qmp-overlay-background-color:var(--mask-black-normal);
}
/deep/ .qmp-nav-bar .qmp-nav-bar__left .qmp-nav-bar__arrow{
  margin-right: 4px !important;
}
.qmp-tab--active .qmp-tab__text-line::after{
  left: 50%;
  transform: translateX(-50%);
}
.tab-nav-transparent{
  background-color: var(--bg-global-weak);
  .qmp-tabs__nav{
    background-color: var(--bg-global-weak) !important;
    box-sizing: border-box;
    padding-bottom: 8px;
  }
}

.tab-nav-white{
  .qmp-tab {
    padding: 0;
  }
  .qmp-tabs__nav{
    background-color: var(--bg-global-weaker) !important;
    box-sizing: border-box;
    padding-bottom: 0px;
    font: var(--font-main-body);
  }
  .qmp-tab--active {
    font: var(--font-main-strengthen);
  }
  .qmp-tabs__wrap {
    height: 44px;
  }
}

.qmp-popup.qmp-toast{
  .qmp-svg-icon-cuowuguanbiquxiao{
    font-size: 20px;
  }
}

.qmp-switch {
  .qmp-switch__node {
    top: 4px;
    left: 4px;
    box-shadow: 0 0;
  }
  .qmp-switch__background {
    position: absolute;
    top: 6px;
    right: 8px;
    color:var(--texticon-default-stronger);
    font: var(--font-small);
  }
}

.qmp-switch--on {
  .qmp-switch__node {
    transform: translateX(calc(64px - 18px - 8px));
    background-color: var(--texticon-contrary-strong);
  }
  .qmp-switch__background {
    color: var(--texticon-contrary-stronger);
    left: 8px;
    right: auto;
    // transform: translateX(-18px);
  }
}
.qmp-checkbox{
  .qmp-checkbox__icon{
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/checkbox.png);
    &.qmp-checkbox__icon--checked{
      background-image: url(../images/checkbox-check.png);
    }
    &.qmp-checkbox__icon--disabled{
      background-image: url(../images/checkbox-disabled.png);
    }
    .qmp-svg-icon{
      visibility: hidden;
    }
  }
}

.qmp-checkbox{
  .qmp-radio__icon{
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/radio.png);
    &.qmp-radio__icon--checked{
      background-image: url(../images/radio-check.png);
    }
    &.qmp-radio__icon--disabled{
      background-image: url(../images/radio-disabled.png);
    }
    .qmp-svg-icon{
      visibility: hidden;
    }
  }
}